<template>
	<view class="content">
        
		<r-menu-list title="基本操作" :list="menuList" @click="change" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				menuList: [
                        {
                            text: '搜索相关',
                            value: 'search',
                            icon: "iconmember",
                            color: 'rgb(5, 120, 255)'
                        },
                        {
                            text: '弹窗',
                            value: 'popup',
                            src: "/static/ico/gainlist-fyhb.png"
                        },
                        {
                            text: '表单相关',
                            value: 'form',
                            src: "/static/ico/gainlist-jiugongge.png"
                        },
                        {
                            text: '列表相关',
                            value: 'list',
                            src: "/static/ico/gainlist-dfyfx.png"
                        }
                    ]
			}
		},
		onLoad() {

		},
		methods: {
            change(e){
                console.log(e)
                switch(e){
                    case "list":
                        uni.navigateTo({
                            url:'/pages/list/list'
                        })
                    break;
                    case "form":
                        uni.navigateTo({
                            url:'/pages/form/form'
                        })
                    break;
                }
            }
		}
	}
</script>

<style>
	.content {
		position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #F7F7F7;
	}

	
</style>
